<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"><!--<![endif]-->
<head>
	<title> 导游讲解员大赛 </title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="X-UA-Compatible" content="IE=7">
	<!-- iphone safari -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes" /> 
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />       
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />  
	<meta content="telephone=no" name="format-detection" /> 
	<meta name="Author" contect="Mr.He"/>
    <link rel="apple-touch-icon" size="72x72" href="images/icon.png"/>
    <link rel="stylesheet" type="text/css" href="css/jqm-1.1.1.min.css">
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/jqm-1.1.1.min.js"></script>
    <script type="text/javascript">
		$(document).ready(function(e) {
            resize();
            //   $("#tapTest").css("background-size","100% 100%");
//            $("#center").css("margin",(wH-180)+"px auto");
            $("#center").css({"position":"relative","top":"75%"});
            $("#tapTest").live("taphold",function(){
				var pwd=prompt("Enter password");
				if(pwd=="c"){
					window.localStorage.removeItem("imgs");
				}
			});
			 $("#say").live("click",function(){
				window.location.href="selectspace.html";
				return false;
			})
			$("#anwser").live("click",function(){
				window.location.href="selectpro.html";
				return false;
			})
        });
        function resize(){
            var wH=$(window).height();
            $("#tapTest").css({"height":wH+"px","background-size":"100% "+wH+"px"});
        }
        window.onresize=resize;
        addEventListener("load",function hideURLbar(){window.scrollTo(0,1);},false)
	</script>
	  <style type="text/css">
        /*html {background-color: #fff;width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;color: #fff;}*/
        #tapTest{ padding: 0;background: url("images/backgroup.png") no-repeat ; text-align: center}
		#center { width:100%; height:100px;/* border: 1px solid #ffffff*/}
		#center img { width:40%;}
    </style> 
</head>

 <body>
 <div id="tapTest">
 	<div id="center">
         <img src="images/jiangjie.png" id="say"/>	<img src="images/dt.png" id="anwser"/>
    </div>
</div>
 
 </body>
</html>
